export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
                <path d="M512 1024c282.76736 0 512-229.23264 512-512S794.76736 0 512 0 0 229.23264 0 512s229.23264 512 512 512z m-50.03264-701.44v-83.90656h92.79488v83.88608h189.39904v36.864l-189.39904 1.26976v52.1216l156.38528 1.26976s-2.82624 29.24544-22.65088 82.41152c-19.80416 53.16608-38.4 80.2816-38.4 80.2816l303.43168 99.57376s-10.89536 28.4672-24.00256 53.4528c-13.12768 24.94464-31.37536 51.8144-31.37536 51.8144l-289.9968-137.46176s-54.84544 60.66176-110.77632 87.3472c-55.9104 26.68544-120.15616 43.29472-189.70624 26.89024-69.55008-16.384-118.90688-60.86656-110.42816-142.97088 8.4992-82.1248 96.27648-110.42816 168.46848-110.42816 72.21248 0 209.2032 46.77632 209.2032 46.77632s11.50976-25.8048 22.69184-55.27552c11.18208-29.4912 14.35648-53.16608 14.35648-53.16608H320.24576v-29.24544h141.7216v-55.93088l-176.68096 1.26976v-36.864h176.68096z m78.0288 287.66208s-86.85568 103.19872-189.17376 103.19872c-102.33856 0-123.84256-49.00864-123.84256-84.2752 0-35.24608 21.2992-73.56416 108.3392-79.11424 87.08096-5.5296 204.67712 60.2112 204.67712 60.2112z"></path>
            </svg>
        </span>
    )
}